/* 
  学习目标：了解使用useState 时组件的更新过程
*/

import React, { useState } from 'react';
// -> setState -> render
export default function App() {
  console.log('App 被更新了');
  const [count, setCount] = useState(0);
  console.log(count);

  return (
    <div>
      {/* 3. 使用count变量 */}
      <h1> count的值： {count}</h1>
      <button onClick={() => setCount(count + 1)}>点击+1</button>
    </div>
  );
}
